<h2>正在进行<span>{{ runningCount.length }}</span></h2>
<ol>
    <li v-for="item, index in todoList" v-show="!item.isChecked">
        <input type="checkbox" v-model="item.isChecked" />
        <!-- 在点击p表标签时进入编辑的状态 -->
        <input style="width:80%;margin-left:30px;" v-show="item.isEdit" ref="input" v-model="item.title" @blur="cancel(index)" @keyup.enter="cancel(index)" />
        <!-- 不是编辑状态 -->
        <p @dblclick="edit(index, $event)">{{ item.title }} - {{ item.isChecked }}</p>
        <a href="javascript:;" @click="del(index)">-</a>
    </li>
</ol>